<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'newproduct.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

	<meta charset="UTF-8">
		<title>新品上市</title>
		
		<link href="<%=basePath%>css/newproduct.css" rel="stylesheet" type="text/css" />
		<script src="js/home1.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
  </head>
  
  <body>
    <!-- 头部开始 -->
		<!--site-nav-->
		<div class="sw">
			<div class="site-nav clearfix">
				<div class="site-nav-left fl">
					<p>欢迎来到蒂美娜官方网站</p>
				</div>
				<div class="site-nav-right fr">
					<p><a href="ly.html">关于我们</a></p>
				</div>
			</div>
		</div>
		<!--site-nav end-->
		
		<!--search-->
		<div class="search-all" id="nav">
		<div class="search clearfix">
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="cream"> 
						<a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layer0 clearfix">
								<div class="nav_01 fl">
									<a class="nav_021" href="<%=basePath%>hf1.jsp">面部系列</a>
									<a class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a>
									<a class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a>
									<a class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
								</div>
								<!--<div class="before"></div>-->
						</div>
					</li>
					<li class="cosmetics">
						<a href="cz1.html">彩妆</a>
						<div class="layer layer1 clearfix">
								<div class="nav_02 fl">
									<a class="nav_021" href="<%=basePath%>cz1.jsp">面部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz2.jsp">眼部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz3.jsp">唇部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz4.jsp">卸妆彩妆</a>
								</div>
								<!--<div class="before"></div>-->
						</div>
					</li>
					<li><a href="<%=basePath%>newproduct.jsp">新品上市</a></li>
					<li><a href="<%=basePath%>brandIntroduction.jsp">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off" placeholder="搜索您需要的商品......"/>
				<div class="search-icons"></div>
				<span></span>
				<div class="search-icon fl">
				<a href="<%=basePath%>#"><img src="img/1_02.png"/></a>
			   </div>
				</div>
			</div>
		</div>
		</div>
		
		<!--second banner-->
		<div class="search-all-fixed" id="navFixed">
		<div class="search clearfix" >
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="creamfixed"> 
						<a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layerfixed0 clearfix">
								<div class="nav_01 fl">
									<a class="nav_021" href="<%=basePath%>hf1.jsp">面部系列</a>
									<a class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a>
									<a class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a>
									<a class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
								</div>
								<div class="before"></div>
						</div>
					</li>
					<li class="cosmeticsfixed">
						<a href="<%=basePath%>cz1.jsp">彩妆</a>
						<div class="layer layerfixed1 clearfix">
								<div class="nav_02 fl">
									<a class="nav_021" href="<%=basePath%>cz1.jsp">面部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz2.jsp">眼部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz3.jsp">唇部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz4.jsp">卸妆彩妆</a>
								</div>
								<div class="before"></div>
						</div>
					</li>
					<li><a href="<%=basePath%>newproduct.jsp">新品上市</a></li>
					<li><a href="<%=basePath%>brandIntroduction.jsp">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off" placeholder="搜索您需要的商品......"/>
				<div class="search-icons"></div>
				<span></span>
				<div class="search-icon fl">
				<a href="<%=basePath%>#"><img src="img/1_02.png"/></a>
			   </div>
				</div>
			</div>
		</div>
		</div>

		<!--search end-->
		<!-- 头部结束 -->
		<!-- banner开始 -->
		<div>
			<img src="img/banner-newproduct.jpg" class="banner" />
		</div>
		<!-- banner结束 -->
		<!-- floorNav开始 -->
		<div class="floorNav container">
			<ul>
				<li class="icon-home" ><a href="<%=basePath%>home.jsp"><img src="img/icon-home.png" /></a></li>
				<li class="icon-jiantou" ><img src="img/icon-jiantou.png" /></li>
				<li class="new" >新品上市</li>
			</ul>
		</div>
		<!-- floorNav结束 -->
		<!-- content开始 -->
		<div class="content container ">
			<div class="wenan" >
				<img src="img/wenan.png" />
			</div>
			<div class="content-product container">
				<div class="product01">
					<div class="productBg01">
					  <ul>				
						<li class="productpic01"><a href="<%=basePath%>#"><img src="img/product01_03.png"/></a></li>
						<li class="price01">柔美潔膚系列套装&nbsp;<span>¥800</span></li>
						<li class="buy01"><a href="<%=basePath%>#">立即购买&nbsp;></a></li>
					  </ul>
					</div>
				</div>
				<div class="product02">
					<div class="productBg02">
					  <ul>				
						<li class="productpic02"><a href="<%=basePath%>#"><img src="img/product01_03.png"/></a></li>
						<li class="price02">柔美潔膚系列套装&nbsp;<span>¥800</span></li>
						<li class="buy02"><a href="<%=basePath%>#">立即购买&nbsp;></a></li>
					  </ul>
					</div>
				</div>
				<div class="product03">
					<div class="productBg03">
					  <ul>				
						<li class="productpic03"><a href="<%=basePath%>#"><img src="img/product01_03.png"/></a></li>
						<li class="price03">柔美潔膚系列套装&nbsp;<span>¥800</span></li>
						<li class="buy03"><a href="<%=basePath%>#">立即购买&nbsp;></a></li>
					  </ul>
					</div>
				</div>
				<div class="product04">
					<div class="productBg04">
					  <ul>				
						<li class="productpic04"><a href="<%=basePath%>#"><img src="img/product01_03.png"/></a></li>
						<li class="price04">柔美潔膚系列套装&nbsp;<span>¥800</span></li>
						<li class="buy04"><a href="<%=basePath%>#">立即购买&nbsp;></a></li>
					  </ul>
					</div>
				</div>
			</div>
			
		</div>
		<!-- content结束 -->
		<!-- 尾部开始 -->
		
		<!--footer-->
		<div class="footer-all">
			<div class="footer">
				<div class="footer-top clearfix">
					<div class="footer-top-left fl">
						<p>客服热线：886-2-2369-1140</p>
						<p>传真专线：886-2-2365-2745</p>
						<p>服务邮箱：service@spa-boss.com</p>
						<p>地址：106台北市大安區泰順街26巷28號2F</p>
					</div>
					<div class="footer-top-right1 fr">
						<img src="img/footer-pic.png" />
						<p>微博关注蒂美娜</p>
					</div>
					<div class="footer-top-right2 fr">
						<img src="img/footer-pic.png" />
						<p>微信关注蒂美娜</p>
					</div>
				</div>
				<div class="footer-middle"></div>
				<div class="footer-bottom">
					<p>COPYRIGHT© 2008 Leachain International Co., Ltd.-All RIGHTS RESERVED</p>
				</div>
			</div>
		</div>
		<!-- 尾部结束 -->
  </body>
</html>
